.asset-content {
  font-size: 12px;

  * {
    font-size: 12px;
  }

  .ant-spin-dot-spin,
  .ant-spin-dot-item {
    font-size: 20px !important;
  }

  .ant-spin-sm {
    .ant-spin-dot-spin,
    .ant-spin-dot-item {
      font-size: 12px !important;
    }
  }

  .info-item.category {
    .cascader-ul.no-data {
      width: 140px;
    }
  }

  .title {
    flex: 0 0 48px;
    line-height: 48px;
    font-size: 14px;
    padding-left: 16px;
    border-bottom: 1px solid #e6eaef;
  }
  .inner-content {
    flex: 1;
    overflow: auto;

    &.empty,
    &.loading {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      .ant-empty {
        .ant-empty-image {
          height: 228px;
        }
      }
    }

    // 风险提示
    .risk-tips {
      padding: 16px;
      color: rgba(240, 64, 56, 1);
      background-color: rgba(244, 72, 43, 0.05);
    }

    // 详情
    .detail-infos {
      display: flex;
      flex-wrap: wrap;
      padding: 16px 16px 0;
      // 左列
      .left {
        flex: 1;
        margin-right: 6px;
        overflow: hidden;
      }
      // 右列
      .right {
        flex: 1;
        margin-left: 6px;
        overflow: hidden;
      }
      // 每一项
      .info-item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 12px;
        flex: 1 1 50%;
        box-sizing: border-box;
        transition: all 0.3s;
        position: relative;
        &.error {
          position: relative;
          padding-bottom: 24px;
          // 错误提示
          .error-msg {
            position: absolute;
            opacity: 1;
            color: red;
            top: 34px;
            left: 70px;
            bottom: 0;
          }
        }

        > label {
          flex: 0 0 70px;
          height: 32px;
          line-height: 32px;
          color: #686c78;
        }
        > label + * {
          flex: 1;
          line-height: 32px;
          &:not(.ant-rate) {
            color: #1e1f23;
          }
        }

        .finger-stack {
          .layer {
            position: relative;
            padding: 8px;
            line-height: 14px;
            min-height: 32px;
            text-align: center;
            color: #ffffff;

            &.application {
              border-top-left-radius: 2px;
              border-top-right-radius: 2px;
              background-color: rgba(11, 111, 214, 0.4);
            }
            &.support {
              background-color: rgba(11, 111, 214, 0.6);
            }
            &.service {
              background-color: rgba(11, 111, 214, 0.8);
            }
            &.system {
              border-bottom-left-radius: 2px;
              border-bottom-right-radius: 2px;
              background-color: rgba(11, 111, 214, 1);
            }

            .c-finger-item {
              display: inline-block;
              padding: 0 12px 0 12px;
              line-height: 14px;
              margin: 2px;
              background-color: #ffffff;
              border-radius: 10px;
              word-break: break-all;
              color: rgba(11, 111, 214, 1);
            }
          }
        }
      }
      // URL项
      .url {
        .ant-input-group-addon {
          padding: 4px;
          border-top-right-radius: 2px;
          border-bottom-right-radius: 2px;
        }
      }

      .location-div {
        display: flex;
        flex-direction: column;
        align-content: center;
        span:last-child {
          display: inline-block;
          height: 12px;
          line-height: 12px;
        }
      }
      .category {
        .select-with-cascader {
          overflow: hidden;
        }
        .ant-select {
          width: 100%;
        }
        .ant-select-dropdown {
          width: auto !important;
        }
        .cascader-ul {
          display: flex;
          .item.active {
            font-size: 12px;
          }
        }
      }
      // 所有输入框背景色
      input,
      .ant-cascader-picker,
      .ant-select-selection {
        background-color: #f7f9fc;
      }
      // 标签
      .c-tag {
        margin: 2px 4px;
        padding-right: 15px;
        padding-left: 15px;
      }
      // ping响应
      .ping-status {
        .value {
          position: relative;
          display: inline-block;
          padding-left: 14px;
          &::before {
            content: '';
            display: block;
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #999ea8;
            top: 14px;
            left: 3px;
          }
          &.active::before {
            background-color: #11ab4e;
          }
          &.unactive::before {
            background-color: #ff0000;
          }
        }
      }
      // 自定义属性
      .custom-attr {
        label {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .ant-select {
          overflow: hidden;
        }
        .ant-select-selection__choice {
          max-width: 100px;
        }
      }
    }

    // 额外信息
    .extra-infos {
      margin: 24px;
      padding-top: 24px;
      border-top: 1px solid #e6eaef;

      .loading-extra {
        width: 100%;
        padding: 100px 0;
      }
      .empty-extra {
        margin: 50px 0;
      }
      .ant-tabs-tabpane {
        min-height: 200px;
      }

      // 导航按钮
      .nav-btns {
        margin-bottom: 24px;
        .has-vul-icon {
          display: inline-block;
          width: 4px;
          height: 4px;
          margin: 3px 4px;
          border-radius: 50%;
          background-color: #f0734f;
        }
      }
      .ant-tabs-bar {
        display: none;
      }

      // 重写时间轴样式
      .ant-timeline-item-tail {
        border-left-color: rgba(16, 93, 198, 0.2);
      }

      // 端口信息
      .port-info {
        .port-info-title {
          margin-bottom: 16px;
          padding-left: 0;
          color: #1e1f23;
        }
        .port-info-table {
          .is-risk {
            color: #f04038;
          }
          .information {
            .ant-btn {
              padding: 0 8px;
            }
          }
          .linkIcon {
            display: inline-block;
            height: 16px;
            width: 16px;
            font-weight: 400;
            border-radius: 10px;
            margin-left: 16px;
            color: white;
            background: rgb(51, 51, 51);
            label {
              display: block;
              cursor: pointer;
              line-height: 14px;
              width: 16px;
              height: 16px;
              text-align: center;
              transform: scale(1, 1.4) translateX(1px);
            }
          }
          .linkIcon:hover {
            background: rgb(38, 124, 224);
          }
        }
      }
      // 资产变更记录
      .site-change-records {
        padding-top: 12px;

        .create-asset {
          border: 1px solid #e6eaef;
          font-size: 12px;

          .time {
            padding: 0 16px;
            height: 36px;
            line-height: 36px;
            background: #f7f9fc;
            color: #1e1f23;
          }
          .detail {
            padding: 12px 16px;
          }
        }
      }

      // 漏洞信息
      .vul-info {
        .url-cell,
        .name-cell {
          max-width: 200px;
          word-break: break-all;
        }
        .level {
          white-space: nowrap;
          border: 1px solid;
          border-radius: 20px;
          padding: 2px 10px;
          font-size: 12px;
        }

        .ant-table-row:last-child {
          td {
            border-bottom: none;
          }
        }
        .item__name {
          margin-bottom: 16px;
          font-size: 12px;
        }
        .evidence-item,
        .item {
          margin-bottom: 24px;
        }
      }
    }
  }

  &-record-task-detail-modal {
    .time-title {
      font-size: 14px;
      color: #000000;
    }
    .ant-modal-body {
      padding-top: 0;
    }

    .c-detect-result {
      .item__left {
        flex-basis: 75px;
      }
      .item__right .expan-item > span:nth-of-type(1) {
        flex-basis: 75px;
      }
    }
    .c-web-result {
      .label {
        flex-basis: 100px !important;
      }
    }
  }
}

.vul-find-record,
.site-change-record {
  border: 1px solid #e6eaef;
  font-size: 12px;
  .change-time {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    background: #f7f9fc;
    color: #1e1f23;

    .view-detail {
      img {
        margin-left: 3px;
        vertical-align: -3px;
      }
    }
    .view-detail-disable {
      color: #ccc;
      cursor: not-allowed;
    }
  }

  .detail {
    padding: 12px 16px;

    color: #686c78;
    line-height: 20px;
  }
}

.site-change-record {
  .detail {
    .item {
      margin-bottom: 3px;

      .label {
        text-align: right;
      }
      .value {
        word-break: break-all;
        .new-add,
        .update-to {
          color: #0b6fd6;
        }
        .remove,
        .update-from {
          color: #ee8764;
        }
      }
    }
  }
}

.vul-find-record {
  .detail {
    display: flex;
    margin-bottom: 3px;

    .label {
      flex: 0 0 70px;
      text-align: right;
    }
    .value {
      word-break: break-all;
    }
  }
}

.record-timeline {
  .loading-more {
    border: 1px solid #e6eaef;
    width: 100%;
    padding: 12px;
  }
}

.information-model {
  .information-content {
    border: 1px solid #dfdfdf;
    padding: 16px;
    margin: 16px;
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    color: #000000;
    white-space: pre-line;
  }
}

.asset-content-record-task-detail-modal {
  .task-detection-ip-alive-card {
    padding: 20px 20px 0px 0px;
  }
  .space {
    display: none;
  }
  .collapse {
    overflow: auto !important;
    max-height: 400px;
  }
  .location-info-box {
    text-align: right;
  }
}
